import styled from 'styled-components'

const DetailedStyled = styled.div`
  display:flex;
  align-items: center;
  width:100%;
  height: .7rem;
  border-bottom: 1px solid #ebebeb;
  padding: .1rem .15rem .1rem 0;
  img.headerimg{
    width:.5rem;
    height: .5rem;
    border-radius: 50%;
    margin-right:.1rem;
    flex-grow: 0;
    flex-shrink: 0;
  }
  div.bossInfo{
    flex-grow: 1;
    /* height:100%; */
    /* display: flex;
    flex-direction: column;
    justify-content: space-around; */
    p.name{
      color: #646464;
      font-size: .15rem;
      height: .21rem;
      line-height: .21rem;
      margin-bottom: .05rem;
    }
    p.date{
      color: #c0c0c0;
      font-size: .11rem;
      height: .15rem;
      line-height: .15rem;
    }

  }
  p.price{
    font-size: .15rem;
    color: #0e0e0e;
    height: .21rem;
    line-height: .21rem;
  }

`

export {DetailedStyled}